.box {
    background-color: rgb(241, 244, 247);
    position: relative;
    left: 295px;
    width: 1000px;
}

header {
    width: 1000px;
    height: 400px;
}

.beijingtu {
    width: 1000px;
    height: 400px;
}

.touming {
    width: 1000px;
    height: 100px;
    background-color: rgba(255, 166, 0, 0.966);
    position: absolute;
}

.tuoyuan {
    width: 200px;
    height: 200px;
    border-radius: 100px;
    background-color: rgb(221, 219, 214);
    position: absolute;
    left: 400px;
    top: 15px;
}

.two {
    border-radius: 100px;
    transform: translate(5);
}

.changbai {
    width: 1000px;
    height: 250px;
    position: absolute;
    top: 100px;
    background-color: white;
}

.a {
    position: absolute;
    color: black;
    left: 300px;
    top: 100px;
    font-size: 25px;
}

.yi {
    position: absolute;
    left: 100px;
    top: 200px;
    font-size: 15px;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
    color: orange;
}

.er {
    position: absolute;
    left: 350px;
    top: 200px;
    font-size: 15px;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
    color: orange;
}

.san {
    position: absolute;
    left: 600px;
    top: 200px;
    font-size: 15px;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
    color: orange;
}

.si {
    position: absolute;
    left: 850px;
    top: 200px;
    font-size: 15px;
    font-family: 'Courier New', Courier, monospace;
    text-decoration: none;
    color: orange;
}

a:visited {
    color: orange;
}

a:hover {
    color: rgb(17, 14, 2);
    text-decoration: none;
    letter-spacing: 5px;
}

.work {
    width: 1000px;
    height: 800px;
    background-color: white;
    position: absolute;
}

.wu {
    position: absolute;
    background-color: rgb(240, 195, 112);
    border-radius: 10px;
    width: 120px;
}

.liu {
    position: absolute;
    background-color: rgb(240, 195, 112);
    border-radius: 10px;
    width: 120px;
}

.one {
    position: absolute;
    border: 3px solid orange;
    width: 955px;
    height: 255px;
    padding-top: 20px;
    padding-left: 40px;
    margin-top: 100px;
    border-radius: 30px;
}

.sishi {
    width: 300px;
    height: 150px;
    background: url("1.jpg");
    transition: all 0.6s;
}

.sishi:hover {
    transform: scale(1.4);
}

.sier {
    width: 300px;
    height: 150px;
    background: url("3.jpg");
    transition: all 0.6s;
}

.sier:hover {
    transform: scale(1.4);
}

.h {
    color: #000;
    font-size: 15px;
    display: flex;
    min-height: 100vh;
}

.h span {
    animation: animate 4s linear infinite;
}

.h span:nth-child(1) {
    animation-delay: 0s;
}

.h span:nth-child(2) {
    animation-delay: 0.1s;
}

.h span:nth-child(3) {
    animation-delay: 0.2s;
}

.h span:nth-child(4) {
    animation-delay: 0.3s;
}

.h span:nth-child(5) {
    animation-delay: 0.4s;
}

.h span:nth-child(6) {
    animation-delay: 0.5s;
}

.h span:nth-child(7) {
    animation-delay: 0.6s;
}

.h span:nth-child(8) {
    animation-delay: 0.7s;
}

.h span:nth-child(9) {
    animation-delay: 0.8s;
}

.h span:nth-child(10) {
    animation-delay: 0.9s;
}

.h span:nth-child(11) {
    animation-delay: 1.0s;
}

.h span:nth-child(12) {
    animation-delay: s;
}

.h span:nth-child(13) {
    animation-delay: 1.2s;
}

.h span:nth-child(14) {
    animation-delay: 1.3s;
}

.h span:nth-child(15) {
    animation-delay: 1.4s;
}

.h span:nth-child(16) {
    animation-delay: 1.5s;
}

.h span:nth-child(17) {
    animation-delay: 1.6s;
}

.h span:nth-child(18) {
    animation-delay: 1.7 s;
}

.h span:nth-child(19) {
    animation-delay: 1.8s;
}

.h span:nth-child(20) {
    animation-delay: 1.9s;
}

.h span:nth-child(21) {
    animation-delay: 2.0s;
}

.h span:nth-child(22) {
    animation-delay: 2.1s;
}

.h span:nth-child(23) {
    animation-delay: 2.2s;
}

.h span:nth-child(24) {
    animation-delay: 2.3s;
}

.h span:nth-child(25) {
    animation-delay: 2.4s;
}

.h span:nth-child(26) {
    animation-delay: 2.5s;
}

.h span:nth-child(27) {
    animation-delay: 2.6s;
}

.h span:nth-child(28) {
    animation-delay: 2.7s;
}

.h span:nth-child(29) {
    animation-delay: 2.8s;
}

.h span:nth-child(30) {
    animation-delay: 2.9s;
}

.h span:nth-child(31) {
    animation-delay: 3.0s;
}

.h span:nth-child(32) {
    animation-delay: 3.1s;
}

.h span:nth-child(33) {
    animation-delay: 3.2s;
}

.h span:nth-child(34) {
    animation-delay: 3.3s;
}

.h span:nth-child(35) {
    animation-delay: 3.4s;
}

.h span:nth-child(36) {
    animation-delay: 3.5 s;
}

.h span:nth-child(37) {
    animation-delay: 3.6s;
}

.h span:nth-child(38) {
    animation-delay: 3.7s;
}

.h span:nth-child(39) {
    animation-delay: 3.8s;
}

.h span:nth-child(40) {
    animation-delay: 3.9s;
}

.h span:nth-child(41) {
    animation-delay: 4.0s;
}

.h span:nth-child(42) {
    animation-delay: 4.1 s;
}

.h span:nth-child(43) {
    animation-delay: 4.2s;
}

.h span:nth-child(44) {
    animation-delay: 4.3s;
}

.h span:nth-child(45) {
    animation-delay: 4.4s;
}

.h span:nth-child(46) {
    animation-delay: 4.5s;
}

.h span:nth-child(47) {
    animation-delay: 4.6s;
}

.h span:nth-child(48) {
    animation-delay: 4.7s;
}

.h span:nth-child(49) {
    animation-delay: 4.8s;
}

.h span:nth-child(50) {
    animation-delay: 4.9s;
}

.h span:nth-child(51) {
    animation-delay: 5.0s;
}

.h span:nth-child(52) {
    animation-delay: 5.1s;
}

.h span:nth-child(53) {
    animation-delay: 5.2s;
}

.h span:nth-child(54) {
    animation-delay: 5.3s;
}

.h span:nth-child(55) {
    animation-delay: 5.4s;
}

@keyframes animate {
    0%,
    100% {
        color: #fff;
        filter: blur(2px);
        text-shadow: 0 0 10px orange, 0 0 20px orange, 0 0 40px orange, 0 0 80px orange, 0 0 120px orange, 0 0 200px orange， 0 0 300px orange, 0 0 400px orange, 0 0 500px orange, 0 0 600px orange, 0 0 700px orange, 0 0 800px orange，0 0 900px orange, 0 0 1000px orange, 0 0 1100px orange, 0 0 1200px orange, 0 0 1300px orange, 0 0 1400px orange， 0 0 1500px orange, 0 0 1700px orange, 0 0 1800px orange, 0 0 1900px orange, 0 0 1900px orange, 0 0 2000px orange， 0 0 2100px orange, 0 0 2200px orange, 0 0 2300px orange, 0 0 2400px orange, 0 0 2500px orange, 0 0 2600px orange， 0 0 2700px orange, 0 0 2800px orange, 0 0 2900px orange, 0 0 3000px orange, 0 0 3100px orange, 0 0 3200px orange，0 0 3300px orange, 0 0 3400px orange, 0 0 3400px orange, 0 0 3500px orange, 0 0 3600px orange, 0 0 3700px orange， 0 0 3800px orange, 0 0 3900px orange, 0 0 4000px orange, 0 0 4100px orange, 0 0 4200px orange, 0 0 4300px orange， 0 0 4400px orange, 0 0 4500px orange；
    }
    25%,
    75% {
        color: #000;
        filter: blur(0px);
        text-shadow: none;
    }
}

.i {
    color: #000;
    font-size: 15px;
    display: flex;
    min-height: 100vh;
}

.i span {
    animation: animate 4s linear infinite;
}

.i span:nth-child(1) {
    animation-delay: 0s;
}

.i span:nth-child(2) {
    animation-delay: 0.1s;
}

.i span:nth-child(3) {
    animation-delay: 0.2s;
}

.i span:nth-child(4) {
    animation-delay: 0.3s;
}

.i span:nth-child(5) {
    animation-delay: 0.4s;
}

.h span:nth-child(6) {
    animation-delay: 0.5s;
}

.i span:nth-child(7) {
    animation-delay: 0.6s;
}

.i span:nth-child(8) {
    animation-delay: 0.7s;
}

.i span:nth-child(9) {
    animation-delay: 0.8s;
}

.i span:nth-child(10) {
    animation-delay: 0.9s;
}

.i span:nth-child(11) {
    animation-delay: 1.0s;
}

.i span:nth-child(12) {
    animation-delay: s;
}

.i span:nth-child(13) {
    animation-delay: 1.2s;
}

.i span:nth-child(14) {
    animation-delay: 1.3s;
}

.i span:nth-child(15) {
    animation-delay: 1.4s;
}

.h span:nth-child(16) {
    animation-delay: 1.5s;
}

.i span:nth-child(17) {
    animation-delay: 1.6s;
}

.i span:nth-child(18) {
    animation-delay: 1.7 s;
}

.i span:nth-child(19) {
    animation-delay: 1.8s;
}

.i span:nth-child(20) {
    animation-delay: 1.9s;
}

.i span:nth-child(21) {
    animation-delay: 2.0s;
}

.i span:nth-child(22) {
    animation-delay: 2.1s;
}

.i span:nth-child(23) {
    animation-delay: 2.2s;
}

.i span:nth-child(24) {
    animation-delay: 2.3s;
}

.i span:nth-child(25) {
    animation-delay: 2.4s;
}

.i span:nth-child(26) {
    animation-delay: 2.5s;
}

.i span:nth-child(27) {
    animation-delay: 2.6s;
}

.i span:nth-child(28) {
    animation-delay: 2.7s;
}

.i span:nth-child(29) {
    animation-delay: 2.8s;
}

.i span:nth-child(30) {
    animation-delay: 2.9s;
}

.i span:nth-child(31) {
    animation-delay: 3.0s;
}

.i span:nth-child(32) {
    animation-delay: 3.1s;
}

.i span:nth-child(33) {
    animation-delay: 3.2s;
}

.i span:nth-child(34) {
    animation-delay: 3.3s;
}

.i span:nth-child(35) {
    animation-delay: 3.4s;
}

@keyframes animate {
    0%,
    100% {
        color: #fff;
        filter: blur(2px);
        text-shadow: 0 0 10px orange, 0 0 20px orange, 0 0 40px orange, 0 0 80px orange, 0 0 120px orange, 0 0 200px orange， 0 0 300px orange, 0 0 400px orange, 0 0 500px orange, 0 0 600px orange, 0 0 700px orange, 0 0 800px orange，0 0 900px orange, 0 0 1000px orange, 0 0 1100px orange, 0 0 1200px orange, 0 0 1300px orange, 0 0 1400px orange， 0 0 1500px orange, 0 0 1700px orange, 0 0 1800px orange, 0 0 1900px orange, 0 0 1900px orange, 0 0 2000px orange， 0 0 2100px orange, 0 0 2200px orange, 0 0 2300px orange, 0 0 2400px orange, 0 0 2500px orange, 0 0 2600px orange， 0 0 2700px orange, 0 0 2800px orange, 0 0 2900px orange, 0 0 3000px orange, 0 0 3100px orange, 0 0 3200px orange;
    }
    25%,
    75% {
        color: #000;
        filter: blur(0px);
        text-shadow: none;
    }
}

.sisi {
    width: 250px;
    height: 300px;
    background: url("5.jpg");
    transition: all 0.6s;
}

.sisi:hover {
    transform: scale(1.4);
}

.shi {
    position: absolute;
    border: 3px solid orange;
    width: 895px;
    height: 350px;
    margin-top: 400px;
    padding-left: 100px;
    padding-top: 20px;
    border-radius: 30px;
}

.first {
    position: absolute;
}

.second {
    position: absolute;
    top: 770px;
    width: 700px;
}

.ba {
    position: absolute;
    top: 100px;
    left: 50px;
    border-radius: 30px;
    width: 400px;
    height: 300px;
    background: url("images/15.jpg");
    transition: all 0.6s;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif, Arial, 'Microsoft Yahei';
    background-color: #7591AD;
    background-position: center;
    background-size: cover;
    border-radius: 30px;
    box-shadow: 10px 10px 30px rgba(0, 0, 0, .4);
    overflow: hidden;
}

@font-face {
    font-family: "iconfont";
    src: url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAATkAAsAAAAACVQAAASYAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDHAqGIIU1ATYCJAMQCwoABCAFhG0HNhsVCFGUTU6e7EdCdop5YbBodnSpaNZGOPp/iKB+7HXvvQuiYlCZWEAbFRVF1NZVGFat82hUVT1rVH/5td++eihr3/DokrSe7p34bljzVKmkRIgQGkN52Ux2Ky9KISiFpNseweCoF17wwTHTRdqmozybzSU7cICjBBpY1VdS0exBA5if6Yexy4u8n0C7MQsKe8eXN1CX9E2BuPccA+oJvawgh1ZVc8HJXIq3oElreY3cAuCN9/vxC6xFK0VTpe88ujyyYfdrfKzgvfzvdeIggGA4K9hFVKwASVwX2k+VgviKknY5u2wDaDW+U/gKPyh8rPj/Hwm3Im9F//KoiiCa6fJOhF1PVL5Cix8pFCCLwrcK4QXI0znRin7gP3EKunLEO1+z8BQFsZycmry8hb4SVFKQhxrQELZMmLEsTtMow2AocfiywoR4DeQ4fGJ777bxHX070S02L6auq1Oz9aoFht/l8su04s2SWiHY1UHSruwrjGVFJI1tuuJQGGwb+2qaFjJfMrZyYpIW3eUatqyUHLQ/QQsOrdBZ+wClaUHVfAZjOIJj3QtpFucQr4MVhen5JHK1VVbARRZFN01CtNj6tqYEubgokVAUKYAFExKxmGMFJNlLCTlGQFEKMP0ILRCQS6B3u4JYYngZbP+65Hl7NytQW3Ugx+LwkKk61K6+PjkKl5Bbu3gDIDq6LdTBpLI7QPqEkfrXjZZI2671/oXCVqsW6+9WPz6mJzrXsB61GvlmzKvZv9CFDCC7FpAaxIGc4Lrryrbku2mntYWVLZYrY7rovcBG3aYDSgAR+saDukMg+MGvkDQbXmKOCBMcvizzYJ8iZbixMGNjtmGRUV+3o2qIjJNpUFmjbnpEyZfhre5YOWbz/l8IIUhK19pQoBcG2NEm52C9fWfbjVA5zQoT+3TtHIvBGQvXWKU8Q43OO7nVUo0yn9Odc8xyCEzDw7cGITOQaPyXkUU1UrU8KhFGwRiqplYG6GqXCAy6CLjrQZBRk66NsftIJd/0fNBB01XBdVtMTgTjUYWvOh1+v64MKALljNxNGQSp69KiZp8Jn83GyCviEXK3FYCaVkuI1IGgDQ8UVVxU1s9tYOt1bAMdM92srXQDlM9pmQDT6fbZWGUxwBOAxosEdQo0bmREaQyon5FPv9cqa+9i9bXe5u9Whcc79KXpQLsnbs7/RwSy4Gdqyy+APOREuiFTkqlUZvM86ZkOGC1oN9w0kLvf3xDqofeUDK2GIihajELVagaZ2BVo0mEdmrXaDLVbtsSLOwxgJZFtWPIJIfT6hqLbJ6h6/SAT+wtNhv1Ds96o0O44RtfsMBc3zQMmQ8hG8xk9K4mVaZKmX3pFzn1ocFzkUe+Icy+Eq/aO6dQJxcRD7MkfnDURhYqTCI/BwygME0w58cmSJVckXV92KC76pCUriaBpFyMGQWzI9Ax5LImYcgaLZubnrxDHvZCBK3rK7HcIy3mzo1VLVhogT+Rxo55LmZ974FgjhMLrFJaIoGNoJaERT6C0eJmPWMQSt0M0tW4Z9VNN5UvTK6M7PAXt9J0ZJWpkNClPn4oijs0EAA==') format('woff2');
}

.w {
    font-family: 'Montserrat', sans-serif, Arial, 'Microsoft Yahei';
    position: absolute;
    font-size: 30px;
    font-weight: bold;
    color: #FFF;
    top: 10px;
    left: 20px;
    text-shadow: rgba(0, 0, 0, .4) 2px 2px 2px;
    transition: 0.5s;
}

.iconfont {
    font-family: "iconfont" !important;
    font-size: 28px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-wx:before {
    content: "\e76b";
}

.icon-tt:before {
    content: "\e60b";
}

.icon-wb:before {
    content: "\e601";
}

.share {
    position: absolute;
    width: 100%;
    height: 100%;
    padding-right: 30px;
    top: 100%;
    transform: translate(0px);
    transition: 0.5s;
    background-color: rgba(255, 255, 255, .85);
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    transform-origin: left top;
}

.share .icon {
    margin-top: 20px;
    margin-right: 20px;
    color: var(--background-color);
    transform: rotate(-180deg);
    transition: 0.5s;
}

.share .icon:hover {
    color: #fd79a8;
}

.ba:hover .share {
    transform: rotate(-15deg) translateY(-14px);
    box-shadow: -10px -10px 100px #000;
}

.ba:hover .icon {
    transform: rotate(18deg);
}

.ba:hover.wu {
    transform: translateY(-14px);
}

.ba:hover {
    transform: scale(1.4);
}

.shiyi {
    position: absolute;
    left: 400px;
    top: 100px;
    width: 200px;
    height: 300px;
    background-color: rgb(250, 245, 245);
    display: flex;
    justify-content: center;
    align-items: center;
}

.shier {
    position: absolute;
    left: 575px;
    top: 100px;
    width: 300px;
    height: 300px;
    background-color: rgb(250, 245, 245);
    border-radius: 30px;
    font-family: "楷体";
}

.shisan {
    position: absolute;
    left: 300px;
    top: 50px;
    word-wrap: 1000px;
}

.xingming {
    position: absolute;
    top: 50px;
    left: 60px;
    color: #333333;
    font-size: 20px;
    font-family: "楷体";
    width: 100px;
}

.xingming::after {
    content: "我叫段丛丛一名来自成都东软的学生，我是天秤座，喜欢看看电视，听听歌，画画画.希望专业可以提高。";
    color: orange;
    position: absolute;
    top: 0;
    left: 0;
    clip-path: ellipse(100px 100px at 0 50%);
    animation: move 3s infinite alternate;
}

@keyframes move {
    from {
        clip-path: ellipse(100px 100px at 0 50%);
    }
    to {
        clip-path: ellipse(100px 100px at 100% 50%);
    }
}

.guxiang {
    position: absolute;
    top: 50px;
    left: 50px;
    width: 130px;
}

.guxiang::after {
    content: 'I come from Neusoft Chengdu, majoring in art and technology. I like drawing, watching TV dramas and listening to music. I hope to meet more people';
    position: absolute;
    top: 0;
    left: 0;
    clip-path: ellipse(100px 100px at 0 50%);
    animation: move 3s infinite alternate;
    color: orange;
}

@keyframes move2 {
    from {
        clip-path: ellipse(100px 100px at 0 50%);
    }
    to {
        clip-path: ellipse(100px 100px at 100% 50%);
    }
}

.zhiye {
    position: absolute;
    top: 100px;
    left: 50px;
}

.dizhi {
    position: absolute;
    top: 150px;
    left: 50px;
}

.xianjv {
    position: absolute;
    top: 200px;
    left: 50px;
}

.third {
    position: absolute;
    top: 1200px;
}

.shenghuo {
    position: absolute;
    background-color: rgb(240, 195, 112);
    width: 120px;
    border-radius: 10px;
    font-family: "微软雅黑";
    font-weight: bold;
}

.shisi {
    position: absolute;
    border: 3px solid orange;
    width: 895px;
    height: 200x;
    padding-left: 100px;
    padding-top: 10px;
    border-radius: 30px;
    top: 70px;
    transition: all 0.6s;
}

.shisi:hover {
    transform: scale(1.4);
}

.b {
    animation-name: cantoons;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.c {
    animation-name: cantoons2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.d {
    animation-name: cantoons1;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@keyframes cantoons {
    0% {
        opacity: 1;
    }
    35% {
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cantoons2 {
    0% {
        opacity: 0;
    }
    35% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes cantoons1 {
    0% {
        opacity: 0;
    }
    35% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.g {
    animation-name: cantoons;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.f {
    animation-name: cantoons2;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

.e {
    animation-name: cantoons1;
    animation-duration: 10s;
    animation-iteration-count: infinite;
}

@keyframes cantoons {
    0% {
        opacity: 1;
    }
    35% {
        opacity: 0;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes cantoons2 {
    0% {
        opacity: 0;
    }
    35% {
        opacity: 1;
    }
    70% {
        opacity: 0;
    }
    100% {
        opacity: 0;
    }
}

@keyframes cantoons1 {
    0% {
        opacity: 0;
    }
    35% {
        opacity: 0;
    }
    70% {
        opacity: 1;
    }
    100% {
        opacity: 0;
    }
}

.shiwu {
    position: absolute;
    border: 3px solid orange;
    width: 895px;
    height: 200x;
    padding-left: 100px;
    padding-top: 10px;
    border-radius: 30px;
    top: 300px;
    transition: all 0.6s;
}

.shiwu:hover {
    transform: scale(1.4);
}

.fourth {
    position: absolute;
    top: 1800px;
    background-color: orange;
    width: 1000px;
    height: 300px;
    border-radius: 30px;
}

.shiliu {
    position: absolute;
    top: 50px;
    left: 150px;
    font-size: 15px;
    color: rgb(241, 233, 233);
}

.shiqi {
    position: absolute;
    top: 50px;
    left: 350px;
    font-size: 15px;
    color: rgb(241, 233, 233);
}

.shiba {
    position: absolute;
    top: 50px;
    left: 550px;
    font-size: 15px;
    color: rgb(241, 233, 233);
}

.shijiu {
    position: absolute;
    top: 50px;
    left: 750px;
    font-size: 15px;
    color: rgb(241, 233, 233);
}

.ershi {
    position: absolute;
    top: 150px;
    border-radius: 10px;
    left: 150px;
}

.ershiyi {
    position: absolute;
    top: 150px;
    border-radius: 10px;
    left: 350px;
}

.ershier {
    position: absolute;
    top: 150px;
    border-radius: 10px;
    left: 550px;
}

.ershisan {
    position: absolute;
    top: 150px;
    border-radius: 10px;
    left: 750px;
}

.ershisi {
    position: absolute;
    top: 150px;
    border-radius: 10px;
    left: 950px;
}

.sanshi {
    position: absolute;
    color: white;
    top: 200px;
    left: 125px;
}

.sanshiyi {
    position: absolute;
    color: white;
    top: 200px;
    left: 325px;
}

.sanshier {
    position: absolute;
    color: white;
    top: 200px;
    left: 525px;
}

.sanshisan {
    position: absolute;
    color: white;
    top: 200px;
    left: 725px;
}